initUserInfo()

// * 1. 加载用户信息
function initUserInfo() {
  // 1.0 判断是否有token
  const token = localStorage.getItem('BIG_EVENT_USER_TOKEN')
  if (!token) return location.href = './page/login.html'

  // 1.1 发起网络请求 【携带token】
  // 如何在请求前统一做操作?   
  $.get('https://zhi.zeng.pub/big-event/my/userinfo').then(res => {
    // 1.2 判断是否登录
    if (res.code !== 200) {
      location.href = './page/login.html'
      localStorage.removeItem('BIG_EVENT_USER_TOKEN')
      return
    }
    
    // 1.3 将信息显示在页面中
    const { username, avatar } = res.data
    $('#userinfo-link > img').prop('src', avatar)
    $('#userinfo-link > span').html(username)
  })
}

// * 2. 退出登录
const layer = layui.layer
$('#logout-link').on('click', function() {
  // 2.1 显示确认框
  const index = layer.confirm('你确定要退出吗?', { icon: 3, title: '提示' }, function() {
    // 2.2 退出用户登录【逻辑】
    location.href = './page/login.html'
    localStorage.removeItem('BIG_EVENT_USER_TOKEN')
    
    // 2.3 关闭确认框
    layer.close(index)
  })
})
